/*
 * @Descripttion:
 * @version:
 * @Author: congsir
 * @Date: 2024-01-02 23:30:39
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2024-05-06 23:36:24
 */
import React, { memo } from "react";
import {
  LinkOutlined,
  WechatOutlined,
  WeiboOutlined,
  QqOutlined,
} from "@ant-design/icons";
import logo from "../../assets/image/龙.png";
import erweima from "../../assets/image/daytime_qrcode.1d8078cc.png";
import { WrapperHeader } from "./styled";
export default memo(function Header() {
  const IphoneChange = () => {
    window.open(
      "https://apps.apple.com/cn/app/%E7%B4%AB%E9%BE%99%E5%92%A8%E8%AF%A2/id6463200426",
      "_blank"
    );
  };

  const IphoneChange1 = () => {
    window.open("www.xuanzhen.cc/download/zilongzixun.apk", "_blank");
  };
  return (
    <WrapperHeader>
      <div className="header_nav">
        <div className="header_left">
          <img src={logo} alt="" />
          <span>紫龙咨询</span>
        </div>
        <div className="header_right">
          <LinkOutlined className="iconFont" />
          <WechatOutlined className="iconFont" />
          <WeiboOutlined className="iconFont" />
          <QqOutlined className="iconFont" />
        </div>
      </div>
      <div className="header_content">
        <div className="content_center">
          {/* <img src={erweima} className="imgErweima" alt="" /> */}
          <h3 className="header_title">专业个人咨询平台</h3>
          <div className="header_subtitle">
            <ul>
              <li>心理</li>
              <li>法律</li>
              <li>中医</li>
              <li>周易</li>
              <li>职业</li>
            </ul>
            <ul>
              <li>美容</li>
              <li>财务</li>
              <li>教育</li>
              <li>旅游</li>
              <li>管理</li>
            </ul>
          </div>
          <div className="header_button">
            <button className="button_left" onClick={IphoneChange}>
              App Store
            </button>
            <button className="button_left" onClick={IphoneChange1}>
              Android
            </button>
          </div>
        </div>
      </div>
    </WrapperHeader>
  );
});
